<template>
  <div class=" white-module">
    <div class="detail-content">
      <div class="title">
        {{ dataForm.noticeTitle }}
      </div>
      <div class="date">
        {{ dataForm.noticeTime }}
      </div>

      <div v-html="dataForm.noticeContent" class="content"></div>
    </div>
  </div>

</template>

<script lang="ts">
import { ref, toRefs, reactive, defineComponent } from "vue";
import listService from "@/utils/listService";
import baseService from "@/service/baseService";
export default defineComponent({
  setup() {
    const state = reactive({
      getDataListURL: "/front/fast/notice/notice/page?pageSize=10&type=1",
      getDataListIsPage: true,
      deleteURL: "/pay/order",
      deleteIsBatch: true,
      dataForm: {
        id: '',
        noticeTitle: "",
        noticeContent: "",
        noticeTime: ""
      }
    });
    return { ...listService(state), ...toRefs(state) };
  },

  data() {
    return {
      isCollapse: 1,
      dialogVisible: false,
      isNavCollapse: false,
      evaluationDialogFlag: false,
      updateForm: {
        id: null,
        schoolName: '',
        evaluation: ''
      },
      formLabelWidth: '120px',
      userInfo: ""
    };
  },

  mounted() {
    this.dataForm.id = '' + this.$route.query.id;
    this.queryNotice();
  },

  methods: {
    queryNotice() {
      // baseService.get("/front/notice/detail/" + this.dataForm.id).then((e: any) => {
      //   if (e.code == '0') {
      //     this.dataForm = e.data;
      //   }
      // });
      baseService.get("/front/spmatch/matchItem/" + this.dataForm.id).then((e: any) => {
        if (e.code == '0') {
          this.dataForm = e.data;
          // this.dataForm.title = data.noticeTitle;
          // this.dataForm.content = data.noticeContent;
          // this.dataForm.createDate = data.noticeTime;
        }
      });
    }
  }
});
</script>


<style lang="scss" scoped>
@import "./style.scss";
</style>